import React, { Component } from 'react';

// import './css/01-components.css'
import KSwiper from './lunbotu/index'
import SwiperItem from './lunbotu/SwiperItem';
import axios from 'axios'
import "../mockjs/index";
export class App extends Component {
    // constructor() {
    //     super()
    //     this.
    // };
    state = {
        list: []
    }
    // 挂载
    componentDidMount() {
        // axios.get('/lundata/list').then((res) => {
        //     console.log(res.data.list)

        //     this.setState({
        //         list: res.data.list
        //     })
        //     console.log(this.state)

        // }

        // ).catch(err =>
        //     console.log(err)
        // )
        setTimeout(() => {
            this.setState({
                list: ["aaaa", "bbbb", "Cccccc", "ddddd"]
            })
        }, 1000)
        console.log(this.state, 11111111111111)
    }
    // componentDidUpdate() {


    // }

    render() {
        return (
            <KSwiper loop={false}>{
                this.state.list.map((item, index) => {
                    <SwiperItem>
                        {item}
                    </SwiperItem>
                })
            }
            </KSwiper>
            // <KSwiper loop={false}>{
            //      this.state.list.map((item, index) => {
            //         <SwiperItem>
            //             {item}
            //         </SwiperItem>
            //     })
            // }
            // </KSwiper>
        )

    };


}







